//通用 覆盖默认vuePress的table样式
.ant-calendar {
  table {
      margin: 0;
      display: table;
    tr {
      border: none;
      background: none;
    }
    tr:nth-child(2n) {
      background: none;
    }
    th {
      padding: 6px 0;
    }
    td {
      border-bottom: none;
      padding: 3px 0;
    }
    thead > tr {
      border-top:0;
      background: none;
    }
  }
  .ant-calendar-footer-btn {
    .ant-calendar-time-picker-btn:not(.ant-calendar-time-picker-btn-disabled),.ant-calendar-today-btn:not(.ant-calendar-today-btn-disabled)  {
      color: #007aff !important;
    }
  }

}
.ant-calendar-picker .ant-calendar-picker-icon {
  font-size: 14px;
}
.ant-calendar-picker-clear {
  svg {
    background: #fff;
  }
}
.ant-time-picker-clock-icon {
  font-size: 14px;
  // background: #fff;
}
//通用calendar
.cloud-date-picker,.cloud-month-picker,.cloud-week-picker,.cloud-range-picker,.ant-calendar-picker {
  .ant-input {
    // height: 30px;
    border-color: #dfdfdf;
    border-radius: 2px;
  }
}

.cloud-date-picker .ant-input:hover,
.cloud-date-picker .ant-input:focus,
.cloud-month-picker .ant-input:hover,
.cloud-month-picker .ant-input:focus,
.cloud-week-picker .ant-input:hover,
.cloud-week-picker .ant-input:focus,
.cloud-range-picker .ant-input:hover,
.cloud-range-picker .ant-input:focus{
  .ant-input {
    border-color: #007aff;
  }
}
.ant-calendar-picker:hover .ant-calendar-picker-input:not(.ant-input-disabled) {
  border-color: #007aff;
}
.ant-time-picker:hover .ant-time-picker-input:not(.ant-input-disabled) {
  border-color: #007aff;
}

.cloud-time-picker.ant-time-picker {
  .ant-time-picker-input {
    // height: 30px;
    border-color: #dfdfdf;
    border-radius: 2px;
  }
}
.ant-calendar-footer-btn {
  height: 40px;
  .ant-calendar-ok-btn{
    width: 73px;
    height: 30px;
    background: #007AFF;
    border-radius: 2px;
    display: inline-block;
    vertical-align: text-bottom;
    padding-top: 3px;
    margin-top: 5px;
    color: #ffffff;
  }
  .ant-calendar-ok-btn-disabled {
    width: 73px;
    height: 30px;
    background: #ECECEC;
    border-radius: 2px;
    border: 1px solid #DFDFDF;
    display: inline-block;
    vertical-align: text-bottom;
    padding-top: 3px;
    margin-top: 5px;
    color: #999999;
  }
  .ant-calendar-time-picker-btn {
    vertical-align: top;
  }
}
.has-error .cloud-input.ant-input,
.has-error .cloud-input.ant-input:hover,
.has-error .cloud-date-picker .ant-input,
.has-error .cloud-date-picker .ant-input:hover,
.has-error .cloud-month-picker .ant-input,
.has-error .cloud-month-picker .ant-input:hover,
.has-error .cloud-week-picker .ant-input,
.has-error .cloud-week-picker .ant-input:hover,
.has-error .cloud-range-picker .ant-input,
.has-error .cloud-range-picker .ant-input:hover {
  background-color: #fff;
  border-color: #f5222d;
}